diff options
Diffstat (limited to 'app/[lng]/test/agentforce-poc-faq/page.tsx')
| -rw-r--r-- | app/[lng]/test/agentforce-poc-faq/page.tsx | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/app/[lng]/test/agentforce-poc-faq/page.tsx b/app/[lng]/test/agentforce-poc-faq/page.tsx new file mode 100644 index 00000000..493828d6 --- /dev/null +++ b/app/[lng]/test/agentforce-poc-faq/page.tsx @@ -0,0 +1,62 @@ +'use client' + +import { useState, useRef } from 'react' + +export default function AgentforcePocPage() { + const [isLoading, setIsLoading] = useState(true) + const iframeRef = useRef<HTMLIFrameElement>(null) + + const handleIframeLoad = () => { + setIsLoading(false) + } + + const refreshIframe = () => { + if (iframeRef.current) { + setIsLoading(true) + iframeRef.current.src = iframeRef.current.src + } + } + + return ( + <div className="min-h-screen bg-gray-50 p-4"> + <div className="max-w-7xl mx-auto"> + <div className="mb-6 flex items-center justify-between"> + <h1 className="text-3xl font-bold text-gray-900"> + Agentforce POC + </h1> + <button + onClick={refreshIframe} + className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors" + > + 새로고침 + </button> + </div> + + <div className="bg-white rounded-lg shadow-lg overflow-hidden"> + {isLoading && ( + <div className="absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center z-10"> + <div className="text-center"> + <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div> + <p className="text-gray-600">로딩 중...</p> + </div> + </div> + )} + + <div className="relative" style={{ height: '800px' }}> + <iframe + ref={iframeRef} + src="/agentforce-poc.html" + title="Agentforce POC" + className="w-full h-full border-0" + onLoad={handleIframeLoad} + /> + </div> + </div> + + <div className="mt-4 text-sm text-gray-500 text-center"> + 이 페이지는 Salesforce Agentforce POC를 iframe으로 표시합니다. + </div> + </div> + </div> + ) +}
\ No newline at end of file |
